<!DOCTYPE html>
<html>
  <head>
    <title>showNavigator.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=GBK">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <style type="text/css">
    	#mapDiv{
    		width:800px;
    		height:800px
    	}
    	//TODO with CSS3 
    </style>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=zh-CN" ></script>
  <script type="text/javascript" src="db.js" ></script>
  <script type="text/javascript" src="map.js" ></script>
  </head>
  <script type="text/javascript">
  	//user login
  	function login() {
  		//TODO finish it
  		DB.createTable();
  		var data = ["jackn","123123",116.407413,39.904214,"2012-4-3"];
	  	DB.addData(data);
  	}
  	function init() {
  		initMap();
  	}
  </script>
  <body onload="init()">
  	<section>
  		<header>Google map</header>
  		<input id="address" type="text" />
  		<button id="searchBtn" onclick="showAddress()">Search</button>
  		<!-- button id="loginBtn" onclick="login()">Login</button-->
  	</section>
  		<div id="mapDiv"></div>
  </body>
</html>
